  @mixin transition-block {
    transition: 0.3s all ease-in-out;
  }

  @media (max-width:8850px) {
    .category-product{
      height: 500px;
      width: 350px;
    } 
    .Image-block {
      width: 350px;
      height: 430px;
    }
    .image-item{
      height: auto;
      width: 280px;
    }
  }

  @media (max-width:1500px) {
    .category-product{
      height: 460px;
      width: 350px;
    } 
    .Image-block {
      width: 350px;
      height: 390px;
    }
  }
  @media (max-width:450px) {
    .category-product{
      height: 440px;
      width: 310px;
    } 
    .Image-block {
      width: 310px;
      height: 370px;
    }
  }

  @media (max-width:280px) {
    .category-product{
      height: 280px;
      width: 190px;
    } 
    .Image-block {
      width: 190px;
      height: 220px;
    }
    .image-item{
      width: 160px;
      height: 170px;
    }
  }


.category-product {
    background-color: inherit;
    cursor: pointer;
    z-index: 0;
  
    &:hover {
      transform: scale(1.02);
      z-index: 1;
      -webkit-box-shadow: 0px 0px 21px 28px rgba(34, 60, 80, 0.18);
      -moz-box-shadow: 0px 0px 21px 28px rgba(34, 60, 80, 0.18);
      box-shadow: 0px 0px 21px 28px rgba(34, 60, 80, 0.18);
    }
  }
 

  .Image-block {
    background-color: inherit;
    display: flex;
    justify-content: center;
    align-items: center;
    
  }

 
  
  .category-products-grid {
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    flex-flow: wrap;
   justify-content: center;
    gap: 14px 0;
    max-width: 1390px;
    margin-bottom: 70px;
  }
  
  .category-product {
    @include transition-block;
  }
  
  .decription {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
  
    .product-name {
      height: auto;
      margin: 0;
    }
  
    .product-price {
      height: auto;
    }
  }
 
 